@charset "utf-8";
/* CSS Document */
body {
font-family: 'Ubuntu', sans-serif;
background-color:#FFF;
margin: 0px auto;	
height:auto;
}
div.all {
width:1000px;
min-height:700px;
height:auto;
background:#FFF;
/*border:solid #DDD 1px;*/
margin:0px auto;	
margin-top:0px;
z-index:50;
}
div.vstoupit {
margin:auto;
width:400px;
height:100px;
font-size:36px;
color:rgba(0,0,0,0.7);
background:rgba(0%,90%,0%,0.3);
cursor:pointer;
display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div.vstoupit:hover {
width:460px;
height:120px;
font-size:36px;
color:#FFF;
background:rgba(0%,90%,0%,0.6);
}
.fulltext {
float:right;
font-size:16px;
width:300px;
height:30px;
margin-top:6px;
color:rgba(0,0,0,0.2);
margin-right:100px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid rgba(0,0,0,0.2);
display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
text-align:center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fulltext:active {
float:right;
width:302px;
height:32px;
margin-top:6px;
margin-right:100px;
outline:none;
border: none;
background:rgba(0%,90%,0%,0.3);
-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);
}
.fulltext:focus {
color:#000;
float:right;
width:302px;
height:32px;
margin-top:6px;
margin-right:100px;
outline:none;
border: none;
background:rgba(0%,90%,0%,0.3);
-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);
}
div.menubal {
width:100%;
z-index:98;
height:50px;
background:rgba(255,255,255,1);
border-bottom:solid 1px #EEE;
text-align:center;
position:fixed;
top:0px;
left:0px;
margin:0px auto;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
div.menubal:hover {
background:rgba(255,255,255,1);
}
div.losobalos {
width:1000px;
z-index:98;
height:auto;
margin:0px auto;
text-align:center;
border-top:solid rgba(0,153,0,0.8) 1px;
}
div.bunka{
border-right:solid #FFF 1px;
z-index:98;
width:120px;
height:100%;
max-height:38px;
cursor:pointer;
overflow:hidden;
font-size:16px;
color:#000;
padding-top:12px;
/*text-transform:uppercase;*/
float:left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

}
div.bunka:hover {
max-height:220px;	
background:rgba(0%,70%,0%,1);
padding-top:20px;
color:#FFF;
}
div.bunka:focus {
max-height:220px;	
background:rgba(0%,70%,0%,1);
padding-top:20px;
color:#FFF;
outline:none;
}

/*__________________________________ PATICKA __________________________________*/
div.footer {
width:100%;
height:200px;
text-align:center;
bottom:0px;	
margin: 0px auto;
background:rgba(10,10,10,1);
background-image:url(../img/gray2.png);
position:relative;
}
